<template>
<div>
  <div class="partition-div01"></div>
  <ul class="task">
    <li class="border-bottom">
      <img :src="beiwangUrl"/>
      <span>工作信息备忘录</span>
    </li>
    <li>
      <img :src="qiandaoUrl"/>
      <span>签到</span>
    </li>
  </ul>
</div>
</template>

<script>
export default {
  name: 'MySelfTask',
  props: {
    list: Array
  },
  data () {
    return {
      note: {
        backgroundImage: 'url(' + require('@/assets/Group6.png') + ')'
      },
      beiwangUrl: require('@/assets/工作信息.png'),
      qiandaoUrl: require('@/assets/签到.png')
    }
  },
  methods: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='stylus' scoped>
.partition-div01
  margin-top .2rem
  height .2rem
  background-color #eaeaea
.task
  .border-bottom
    border-bottom 1px solid #ddd
  li
    font-family: PingFangSC-Regular;
    font-size: 24px;
    color: #242930;
    line-height 1.5rem
    margin 0 .4rem
  li::after
    content: '>';
    float right
    color #969191
  img
    height .6rem
    width .6rem
  span
    margin-left .2rem
</style>
